@charset "UTF-8";
.app {
  position: relative; }
  .app .nav {
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff; }
    .app .nav > div {
      width: 1194px;
      margin: 0 auto;
      height: 55px; }
      .app .nav > div > div {
        vertical-align: middle;
        height: 55px;
        display: inline-block; }
        .app .nav > div > div > img:first-child {
          padding-top: 9px;
          width: 36px;
          height: 36px;
          vertical-align: middle; }
        .app .nav > div > div > img + img {
          vertical-align: middle;
          padding-top: 5px;
          margin-left: 15px;
          width: 112px;
          height: 22px; }
        .app .nav > div > div .btn1 {
          margin-top: 9px;
          font-size: 14px;
          padding: 9px 22px;
          font-weight: 700; }
        .app .nav > div > div .publish-btn {
          margin-right: 35px;
          padding: 8px;
          display: inline-block;
          box-sizing: border-box;
          width: 30px;
          height: 30px;
          margin-top: 13px; }
          .app .nav > div > div .publish-btn .publish-icon {
            width: 14px;
            height: 14px;
            margin-right: 5px;
            position: relative;
            top: -1px; }
        .app .nav > div > div .search {
          width: 208px;
          height: 36px;
          line-height: 36px;
          margin-top: 10px;
          background-color: #f5f5f5;
          margin-right: 35px;
          position: relative;
          border-radius: 2px; }
          .app .nav > div > div .search .search-input {
            margin-left: 10px;
            background-color: #f5f5f5;
            border: none;
            outline: 0;
            font-size: 14px; }
          .app .nav > div > div .search .search-icon {
            display: inline-block;
            width: 18px;
            height: 18px;
            position: absolute;
            top: 8px;
            right: 12px;
            cursor: pointer;
            background-size: 100%;
            background-image: url("https://dig.chouti.com/images/search-7acb7b9349.png"); }
      .app .nav > div ul {
        width: 570px;
        margin-left: 10px;
        display: inline-block; }
        .app .nav > div ul li {
          display: inline-block; }
          .app .nav > div ul li a.navLink {
            display: block;
            box-sizing: border-box;
            height: 55px;
            font-size: 14px;
            color: #4b4c4d;
            margin-left: 28px;
            padding: 17px 11px;
            border: solid 2px #fff;
            font-weight: 700;
            font-size: 14px; }
            .app .nav > div ul li a.navLink span {
              cursor: pointer; }
            .app .nav > div ul li a.navLink span.trangle-icon {
              display: inline-block;
              width: 10px;
              height: 5px;
              position: relative;
              top: -3px;
              margin-left: 5px;
              background-size: 100%;
              background-image: url("https://dig.chouti.com/images/triangle-33457d21ce.png"); }
            .app .nav > div ul li a.navLink.active {
              border-bottom: solid 3px #f8aa00; }
          .app .nav > div ul li a.navLink span:hover {
            color: #f8aa00; }
          .app .nav > div ul li a.navLink span:hover + .trangle-icon {
            background-image: url("https://dig.chouti.com/images/trangle_hover-d5066399d5.png"); }

.content {
  width: 1194px;
  margin: 0 auto;
  margin-top: 74px;
  margin-bottom: 100px; }
  .content .home .list {
    width: 840px; }
    .content .home .list .box {
      width: 840px;
      background: #fff;
      border-bottom: 1px solid #f5f5f5; }
      .content .home .list .box > div {
        width: 840px;
        box-sizing: border-box;
        padding: 14px; }
        .content .home .list .box > div > a {
          width: 120px;
          height: 120px;
          overflow: hidden; }
          .content .home .list .box > div > a img {
            width: 120px;
            height: 120px;
            transition: all 0.5s; }
            .content .home .list .box > div > a img:hover {
              transform: scale(1.4, 1.4); }
        .content .home .list .box > div .list-ri {
          width: 678px;
          padding-left: 12px; }
          .content .home .list .box > div .list-ri .list-ri-top {
            min-height: 76px;
            height: auto !important; }
            .content .home .list .box > div .list-ri .list-ri-top .title a {
              display: inline-block;
              padding: 0 15px 0 0;
              background-color: #f49900;
              color: #fff;
              border-radius: 10px;
              font-size: 12px;
              line-height: 20px;
              margin-bottom: 2px;
              text-align: left;
              margin-top: 2px;
              font-weight: 700; }
              .content .home .list .box > div .list-ri .list-ri-top .title a img {
                vertical-align: top;
                width: 21px;
                height: 20px;
                margin-right: 6px;
                position: relative;
                left: -1px; }
            .content .home .list .box > div .list-ri .list-ri-top .list-main {
              font-weight: 700;
              font-size: 15px;
              color: #4b4c4d;
              display: block;
              word-wrap: break-word;
              line-height: 22px;
              cursor: pointer; }
            .content .home .list .box > div .list-ri .list-ri-top .url {
              margin: 8px 0;
              font-size: 12px;
              color: #999; }
          .content .home .list .box > div .list-ri .list-ri-bot {
            margin-top: 22px;
            height: 22px; }
            .content .home .list .box > div .list-ri .list-ri-bot .information {
              line-height: 22px; }
              .content .home .list .box > div .list-ri .list-ri-bot .information .name img {
                width: 22px;
                height: 22px;
                border-radius: 22px;
                border: 1px solid #f5f5f5; }
              .content .home .list .box > div .list-ri .list-ri-bot .information .name .author-name {
                margin-left: 6px;
                font-size: 12px;
                color: #999; }
              .content .home .list .box > div .list-ri .list-ri-bot .information .time {
                margin-left: 6px;
                font-size: 12px;
                color: #999; }
              .content .home .list .box > div .list-ri .list-ri-bot .information a {
                float: left;
                font-size: 0; }
                .content .home .list .box > div .list-ri .list-ri-bot .information a i {
                  width: 20px;
                  height: 20px;
                  background: url("https://dig.chouti.com/images/subjects/news-8ef7e883ad.png");
                  display: inline-block;
                  vertical-align: middle;
                  margin-right: 5px;
                  background-size: 100%; }
                  .content .home .list .box > div .list-ri .list-ri-bot .information a i.er {
                    background: url("https://dig.chouti.com/images/subjects/read-a0b252a97b.png");
                    background-size: 100%; }
                    .content .home .list .box > div .list-ri .list-ri-bot .information a i.er:hover {
                      background: url("https://dig.chouti.com/images/subjects/read-hover-0acb970227.png");
                      background-size: 100%; }
                .content .home .list .box > div .list-ri .list-ri-bot .information a i:hover {
                  background: url("https://dig.chouti.com/images/subjects/news-hover-04d79bfeea.png");
                  background-size: 100%; }
                .content .home .list .box > div .list-ri .list-ri-bot .information a i:hover + span {
                  display: inline-block; }
                .content .home .list .box > div .list-ri .list-ri-bot .information a span {
                  display: none;
                  font-size: 14px;
                  color: #654441;
                  vertical-align: middle; }
            .content .home .list .box > div .list-ri .list-ri-bot .operation {
              padding-right: 10px;
              margin-top: 3px; }
              .content .home .list .box > div .list-ri .list-ri-bot .operation a {
                display: inline-block;
                min-width: 60px;
                height: 16px;
                line-height: 16px;
                font-size: 14px;
                color: #aeaeae;
                cursor: pointer;
                vertical-align: middle; }
                .content .home .list .box > div .list-ri .list-ri-bot .operation a > span {
                  width: 16px;
                  height: 16px;
                  position: relative;
                  float: left;
                  overflow: hidden; }
                  .content .home .list .box > div .list-ri .list-ri-bot .operation a > span.zi {
                    font-weight: 700;
                    margin-left: 4px; }
                  .content .home .list .box > div .list-ri .list-ri-bot .operation a > span i {
                    display: inline-block;
                    width: 44px;
                    height: 44px;
                    position: absolute;
                    top: -15px;
                    left: -14px; }
                .content .home .list .box > div .list-ri .list-ri-bot .operation a.re {
                  margin-right: 4px; }
                  .content .home .list .box > div .list-ri .list-ri-bot .operation a.re i {
                    background: url("https://dig.chouti.com/images/operate/recommend-bff29b548b.png");
                    background-size: auto 100%;
                    background-repeat: no-repeat; }
                  .content .home .list .box > div .list-ri .list-ri-bot .operation a.re:hover i {
                    background: url("https://dig.chouti.com/images/operate/recommend_active-7a8477343b.png");
                    background-size: auto 100%;
                    background-repeat: no-repeat; }
                  .content .home .list .box > div .list-ri .list-ri-bot .operation a.re:hover {
                    color: #f8aa00; }
                .content .home .list .box > div .list-ri .list-ri-bot .operation a.xin {
                  margin-right: 4px; }
                  .content .home .list .box > div .list-ri .list-ri-bot .operation a.xin span:first-child {
                    background: url("https://dig.chouti.com/images/operate/comment-d4e0fc5925.png");
                    background-size: auto 100%;
                    background-repeat: no-repeat; }
                  .content .home .list .box > div .list-ri .list-ri-bot .operation a.xin:hover span:first-child {
                    background: url("https://dig.chouti.com/images/operate/comment_active-3d22c87009.png");
                    background-size: auto 100%;
                    background-repeat: no-repeat; }
                .content .home .list .box > div .list-ri .list-ri-bot .operation a.guan i {
                  background: url("https://dig.chouti.com/images/operate/save-56845dd49a.png");
                  background-size: auto 100%;
                  background-repeat: no-repeat; }
                .content .home .list .box > div .list-ri .list-ri-bot .operation a.guan:hover i {
                  background: url("https://dig.chouti.com/images/operate/save_active-64c98269ee.png");
                  background-size: auto 100%;
                  background-repeat: no-repeat; }
                .content .home .list .box > div .list-ri .list-ri-bot .operation a.fen {
                  position: relative;
                  min-width: 16px;
                  margin-left: 40px; }
                  .content .home .list .box > div .list-ri .list-ri-bot .operation a.fen span:first-child {
                    background: url("https://dig.chouti.com/images/operate/share-d0b662149a.png");
                    background-size: auto 100%;
                    background-repeat: no-repeat; }
                  .content .home .list .box > div .list-ri .list-ri-bot .operation a.fen:hover span:first-child {
                    background: url("https://dig.chouti.com/images/operate/share_active-71feb070e9.png");
                    background-size: auto 100%;
                    background-repeat: no-repeat; }
    .content .home .list .listBot {
      text-align: center;
      width: 200px;
      margin: 48px auto 0;
      height: 48px;
      line-height: 29px;
      font-weight: 700; }
      .content .home .list .listBot a {
        display: block;
        padding: 8px 22px;
        text-align: center;
        border-radius: 2px;
        border: 1px solid #f8aa00;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        background-color: #f8aa00;
        color: #fff;
        font-size: 14px; }
  .content .home .right-list {
    width: 336px; }
    .content .home .right-list .banBox {
      background-color: #fff;
      text-align: center;
      font-size: 13px;
      overflow: hidden;
      height: 44px;
      line-height: 44px;
      position: relative; }
      .content .home .right-list .banBox > div {
        transition: top 0.4s;
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 10; }
      .content .home .right-list .banBox .one img {
        width: 34px; }
      .content .home .right-list .banBox .two img {
        width: 74px; }
      .content .home .right-list .banBox a {
        display: block;
        line-height: 44px;
        background: #fff; }
        .content .home .right-list .banBox a img {
          vertical-align: middle; }
        .content .home .right-list .banBox a span {
          margin-left: 5px; }
    .content .home .right-list .extra-common-con {
      background-color: #fff;
      box-sizing: border-box;
      text-align: center;
      padding: 14px;
      text-align: left;
      display: inline-block;
      width: 100%;
      color: #4b4c4d;
      border-radius: 2px; }
      .content .home .right-list .extra-common-con .rule-icon {
        width: 18px;
        height: 18px;
        position: relative;
        top: 3px; }
      .content .home .right-list .extra-common-con .rule-txt {
        margin-left: 8px;
        font-size: 13px; }
      .content .home .right-list .extra-common-con .divide-line {
        display: inline-block;
        width: 1px;
        height: 12px;
        border-left: 1px solid #999;
        margin: 0 4px;
        position: relative;
        top: 2px; }
      .content .home .right-list .extra-common-con .rule-note {
        font-size: 12px;
        color: #999; }
    .content .home .right-list .mb18 {
      margin-bottom: 18px; }

.separate-line {
  display: inline-block;
  width: 1px;
  height: 10px;
  border-left: 1px solid #eaeaea;
  margin: 6px 12px; }

.footer {
  width: 100%; }
  .footer .foo {
    width: 100%; }
  .footer .footTop {
    height: 307px;
    background: #fff; }
    .footer .footTop .footer-item {
      margin-top: 28px;
      margin-left: 100px; }
      .footer .footTop .footer-item .download-icon {
        width: 140px;
        height: 140px; }
      .footer .footTop .footer-item li.link-item {
        color: #4b4c4d;
        margin-top: 18px;
        font-size: 14px; }
        .footer .footTop .footer-item li.link-item .weixin {
          background-image: url("https://dig.chouti.com/images/share/foot-weixin-535c55cf6e.png"); }
          .footer .footTop .footer-item li.link-item .weixin:hover {
            background-image: url("https://dig.chouti.com/images/share/foot-weixin-hover-0196c4a70a.png"); }
          .footer .footTop .footer-item li.link-item .weixin:hover .hover-box {
            display: inline-block; }
          .footer .footTop .footer-item li.link-item .weixin .hover-box {
            position: absolute;
            left: -65px;
            top: -180px;
            width: 151px;
            height: 179px;
            background: url("https://dig.chouti.com/images/comb8-cc7f01440d.png") no-repeat;
            background-size: 100% 100%;
            border-radius: 4px;
            display: none; }
            .footer .footTop .footer-item li.link-item .weixin .hover-box:hover {
              display: inline-block; }
            .footer .footTop .footer-item li.link-item .weixin .hover-box .hover-img {
              width: 130px;
              height: 130px;
              display: block;
              margin: 11px 6px 3px 9px; }
            .footer .footTop .footer-item li.link-item .weixin .hover-box .hover-desc {
              text-align: center;
              display: inherit;
              color: #f8aa00;
              font-weight: 700; }
        .footer .footTop .footer-item li.link-item .weibo {
          background-image: url("https://dig.chouti.com/images/share/foot-weibo-5a190aea00.png");
          left: 10px; }
          .footer .footTop .footer-item li.link-item .weibo:hover {
            background-image: url("https://dig.chouti.com/images/share/foot-weibo-hover-4c388f5c0f.png");
            left: 10px; }
        .footer .footTop .footer-item li.link-item .public-icon {
          display: inline-block;
          width: 26px;
          height: 24px;
          background-size: 100%;
          cursor: pointer;
          position: relative; }
        .footer .footTop .footer-item li.link-item a.link {
          color: inherit; }
          .footer .footTop .footer-item li.link-item a.link:hover {
            color: #654441;
            font-weight: 700; }
      .footer .footTop .footer-item li.link-item-care {
        margin-top: 50px;
        color: #4b4c4d; }
      .footer .footTop .footer-item li.link-item-download {
        color: #4b4c4d;
        font-weight: 700; }
    .footer .footTop .footer-item-first {
      margin-left: 0; }
  .footer .footBot {
    font-size: 14px;
    color: #a4a4a4; }
    .footer .footBot .copyright-con {
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 12px; }
      .footer .footBot .copyright-con .copyright {
        margin-bottom: 12px; }
        .footer .footBot .copyright-con .copyright img {
          width: 66px;
          height: 20px;
          vertical-align: -3px;
          margin-right: 5px; }
      .footer .footBot .copyright-con .filing {
        margin-top: 5px; }
        .footer .footBot .copyright-con .filing a {
          color: #a4a4a4;
          text-decoration: none;
          font-size: 12px; }
          .footer .footBot .copyright-con .filing a img {
            width: 16px;
            margin-right: 5px;
            vertical-align: -3px; }
  .footer .foot-bot-con {
    width: 1194px;
    margin: 0 auto; }

.title-line {
  display: inline-block;
  width: 4px;
  height: 18px;
  background-color: #f8aa00;
  position: relative;
  top: 3px; }

.extra-title-left {
  margin-left: 4px; }

.extra-title {
  font-size: 15px;
  font-weight: 700; }

.extra-common-con-no-bottom {
  padding-bottom: 0; }

.mb-3 {
  margin-bottom: -3px; }

.nav-li {
  height: 30px; }
  .nav-li .nav-line {
    display: inline-block;
    width: 0;
    height: 14px;
    border-left: 1px solid #eaeaea;
    margin: 8px 10px 0; }
  .nav-li > a.active {
    background-color: #f5f5f5; }
  .nav-li a {
    color: #4b4c4d;
    text-decoration: none;
    font-size: 12px;
    padding: 7px 28px;
    display: inline-block; }

.extra .pdt0 {
  padding-top: 0; }

.slideInLeft {
  animation-name: slideInLeft; }

.animated {
  transition: left 1s; }

.extra-links-con {
  position: relative;
  width: 308px;
  height: 970px;
  overflow: hidden; }
  .extra-links-con .con-hour {
    width: 308px;
    height: 970px;
    position: absolute; }
    .extra-links-con .con-hour .top-ten {
      width: 100%;
      height: 82px;
      margin-top: 14px;
      cursor: pointer;
      color: #4b4c4d;
      display: block;
      zoom: 1; }
      .extra-links-con .con-hour .top-ten .top-ten-matching-con {
        box-sizing: border-box;
        position: relative;
        cursor: pointer; }
        .extra-links-con .con-hour .top-ten .top-ten-matching-con .top-shadow {
          width: 20px;
          height: 20px;
          position: absolute;
          top: 0;
          left: 0;
          color: #fff;
          line-height: 20px;
          text-align: center;
          background: rgba(0, 0, 0, 0.5);
          border-radius: 0 0 22px 0;
          background-size: 100%;
          font-size: 12px;
          font-weight: 700; }
          .extra-links-con .con-hour .top-ten .top-ten-matching-con .top-shadow .top-shadow-text {
            position: relative;
            left: -2px;
            top: -1px; }
        .extra-links-con .con-hour .top-ten .top-ten-matching-con .circle {
          width: 24px;
          height: 24px;
          border-radius: 28px;
          position: absolute;
          top: -12px;
          left: -12px;
          z-index: 3; }
        .extra-links-con .con-hour .top-ten .top-ten-matching-con .top-ten-matching-icon {
          width: 80px;
          height: 80px;
          border: 1px solid #f5f5f5;
          border-radius: 2px; }
      .extra-links-con .con-hour .top-ten .top-ten-title {
        width: 220px;
        padding-left: 8px;
        font-size: 13px;
        cursor: pointer;
        word-wrap: break-word;
        box-sizing: border-box;
        line-height: 20px;
        overflow: hidden;
        /*文本超出隐藏*/
        display: -webkit-box;
        /*盒子模型微弹性伸缩模型*/
        -webkit-box-orient: vertical;
        /*伸缩盒子的子元素垂直排列*/
        -webkit-line-clamp: 4;
        /*文本显示3行*/ }
    .extra-links-con .con-hour .top-three {
      position: relative; }

.TOP {
  background: #fff; }
  .TOP .yin {
    opacity: 0; }
  .TOP .slideNow {
    left: 8px;
    z-index: 9; }
  .TOP .slideOutLeft {
    left: -300px; }
  .TOP .slideOutRight {
    left: 316px; }

html {
  background-color: #f5f5f5;
  color: #4b4c4d; }

* {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

a {
  text-decoration: none; }

input,
button {
  outline: none; }

.right {
  float: right; }

.left {
  float: left; }

.clear:after {
  content: '';
  display: block;
  clear: both; }

.z-index {
  z-index: 99; }

.border-bottom1 {
  border-bottom: 1px solid #f5f5f5; }

.search {
  width: 208px;
  height: 36px;
  line-height: 36px;
  margin-top: 10px;
  background-color: #f5f5f5;
  margin-right: 35px;
  position: relative;
  border-radius: 2px; }

.btn1 {
  text-align: center;
  border-radius: 2px;
  border: 1px solid #f8aa00;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-color: #fff;
  color: #f8aa00; }

.btn {
  text-align: center;
  border-radius: 2px;
  border: 1px solid #f8aa00;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-color: #f8aa00;
  color: #fff; }

.btn1:hover {
  color: #fff;
  background-color: #ffb71b; }
